<template>
  <div class="right-bottom-view">
    <title-bar :titleText="titleText"></title-bar>
    <div class="img"></div>
  </div>
</template>
<script setup lang="ts">
import TitleBar from "./common/title-bar.vue";
const titleText = "监控画面";
</script>

<style lang="less" scoped>
.right-bottom-view {
  position: relative;
  .img {
    position: absolute;
    top: 78px;
    width: 100%;
    height: 182px;
    opacity: 0.71;
    border: 2px solid rgb(0, 168, 113);
    box-sizing: border-box;
    background: url(@/assets/img/video_cover.46062429.png) no-repeat;
  }
}
</style>
